<!DOCTYPE HTML>
<div component="$model/UI2/system/components/justep/window/window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __cid="c7F3qqi" class="c7F3qqi" components="$model/UI2/system/components/justep/model/model,$model/UI2/system/components/justep/loadingBar/loadingBar,$model/UI2/system/components/justep/button/button,$model/UI2/system/components/justep/controlGroup/controlGroup,$model/UI2/system/components/justep/output/output,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/windowDialog/windowDialog,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/messageDialog/messageDialog,$model/UI2/system/components/justep/panel/panel,">  
  <div component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}" __cid="c7F3qqi" class="c7F3qqi"></div>
  <div component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full pc63iumq-iosstatusbar c7F3qqi" xid="panel1" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="c7F3qqi"> 
    <div class="x-panel-top c7F3qqi" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="c7F3qqi"> 
      <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar c7F3qqi" xid="titleBar1" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&#34;title&#34;:&#34;MessageDialog&#34;}" __cid="c7F3qqi"> 
        <div class="x-titlebar-left c7F3qqi" xid="div1" __cid="c7F3qqi"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link c7F3qqi" xid="button1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;icon-chevron-left&#34;}" __cid="c7F3qqi"> 
            <i xid="i1" class="icon-chevron-left c7F3qqi" __cid="c7F3qqi"></i>  
            <span xid="span1" __cid="c7F3qqi" class="c7F3qqi"></span> 
          </a> 
        </div>  
        <div class="x-titlebar-title c7F3qqi" xid="div2" __cid="c7F3qqi">MessageDialog</div>  
        <div class="x-titlebar-right  c7F3qqi" xid="div3" __cid="c7F3qqi">
          <div class="empty c7F3qqi" __cid="c7F3qqi"></div>
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content c7F3qqi" xid="content1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="c7F3qqi"> 
      <div component="$model/UI2/system/components/justep/controlGroup/controlGroup" class="x-control-group c7F3qqi" xid="MessageDialogSource" data-bind="component:{name:'$model/UI2/system/components/justep/controlGroup/controlGroup'}" data-config="{&#34;title&#34;:&#34;MessageDialog Demo&#34;}" __cid="c7F3qqi"> 
        <p __cid="c7F3qqi" class="c7F3qqi">2、选择MessageDialog的属性,并点击dynamicCreate按钮</p>  
        <div style="margin-top: 20px;" __cid="c7F3qqi" class="c7F3qqi"> 
          <span component="$model/UI2/system/components/justep/messageDialog/messageDialog" xid="messageDialg" style="top:15px;left:291px;" data-bind="component:{name:'$model/UI2/system/components/justep/messageDialog/messageDialog'}" data-config="{&#34;message&#34;:&#34;通过组件方式创建MessageDialog,相关属性可以在组件中设置&#34;,&#34;title&#34;:&#34;demo&#34;,&#34;type&#34;:&#34;OK&#34;}" __cid="c7F3qqi" class="c7F3qqi">
            <div class="x-modal-overlay c7F3qqi" __cid="c7F3qqi"></div>
            <div class="x-modal c7F3qqi" __cid="c7F3qqi">
              <div class="x-modal-inner c7F3qqi" __cid="c7F3qqi">
                <div class="x-modal-title c7F3qqi" __cid="c7F3qqi">demo</div>
                <div class="x-modal-text c7F3qqi" __cid="c7F3qqi">通过组件方式创建MessageDialog,相关属性可以在组件中设置</div>
                <input class="x-modal-prompt-input c7F3qqi" type="text" __cid="c7F3qqi">
              </div>
              <div class="x-modal-buttons c7F3qqi" __cid="c7F3qqi">
                <a class="x-modal-button x-modal-button-bold OK c7F3qqi" value="ok" __cid="c7F3qqi">确定</a>
                <a class="x-modal-button x-modal-button-bold Yes c7F3qqi" value="yes" __cid="c7F3qqi">是</a>
                <a class="x-modal-button x-modal-button-bold No c7F3qqi" value="no" __cid="c7F3qqi">否</a>
                <a class="x-modal-button x-modal-button-bold Cancel c7F3qqi" value="cancel" __cid="c7F3qqi">取消</a>
              </div>
            </div>
          </span> 
        </div>  
        <div xid="buttons" __cid="c7F3qqi" class="c7F3qqi"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-default c7F3qqi" xid="button3" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:showMsg" data-config="{&#34;label&#34;:&#34;standardCreate&#34;}" __cid="c7F3qqi"> 
            <i xid="i3" __cid="c7F3qqi" class="c7F3qqi"></i>  
            <span xid="span3" __cid="c7F3qqi" class="c7F3qqi">standardCreate</span> 
          </a>  
          <div component="$model/UI2/system/components/justep/output/output" xid="output" class="x-output c7F3qqi" data-bind="component:{name:'$model/UI2/system/components/justep/output/output'}" __cid="c7F3qqi"></div> 
        </div> 
      </div> 
    </div>  
    <style __cid="c7F3qqi" class="c7F3qqi">.x-panel.pc63iumq-iosstatusbar >.x-panel-top {height: 48px;}.x-panel.pc63iumq-iosstatusbar >.x-panel-content { top: 48px;bottom: nullpx;}.x-panel.pc63iumq-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.pc63iumq-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pc63iumq-iosstatusbar >.x-panel-top {height: 68px;}.iosstatusbar .x-panel.pc63iumq-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pc63iumq-iosstatusbar >.x-panel-content { top: 68px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pc63iumq-iosstatusbar >.x-panel-top {height: 48px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pc63iumq-iosstatusbar >.x-panel-content {top: 48px;}</style>
  </div>  
  <div id="aler" __cid="c7F3qqi" class="c7F3qqi"></div>  
  <span component="$model/UI2/system/components/justep/windowDialog/windowDialog" xid="windowDialog" style="left:335px;top:406px;" data-bind="component:{name:'$model/UI2/system/components/justep/windowDialog/windowDialog'}" data-config="{&#34;src&#34;:&#34;$model/UI2/system/components/justep/common/demo/dialog.w&#34;,&#34;status&#34;:&#34;normal&#34;}" __cid="c7F3qqi" class="c7F3qqi">
    <div class="x-dialog-overlay c7F3qqi" __cid="c7F3qqi"></div>
    <div class="x-dialog c7F3qqi" style="display:none;" __cid="c7F3qqi">
      <div class="x-dialog-title c7F3qqi" __cid="c7F3qqi">
        <button class="close c7F3qqi" __cid="c7F3qqi">
          <span __cid="c7F3qqi" class="c7F3qqi">×</span>
        </button>
        <div class="x-dialog-title-text c7F3qqi" __cid="c7F3qqi"></div>
      </div>
      <div class="x-dialog-body c7F3qqi" __cid="c7F3qqi"></div>
    </div>
  </span> 
</div>